<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="喜换,喜换商城,物换物">
		<meta name="description" content="喜换,开心换物,心所想,有所得">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>喜换商品</title>
		<link rel="icon" href="../favicon.ico">
	    <link rel="stylesheet" href="../css/base.css">
	    <link rel="stylesheet" href="../css/common.css">
	    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
	    <link rel="stylesheet" href="../css/goods.css">
		<script type="text/javascript" src="/js/lib/jquery/jquery-1.9.1.js"></script>
		<script src="/js/app/API.js"></script>
		<script src="/js/app/common.js"></script>
		<script src="/js/app/goods.js"></script>
		<script src="/js/app/template.js"></script>
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="center clearfix">
				<div class="right">
					<!--<a href="/template/joinCart.html"><i class="sc sc-gouwuche"></i>我的购物车</a>-->
					<a href="/template/login.html" id="login">登录</a>
					<a href="" id="quit">退出</a>
					<a href="/template/personal.html" id="personal"></a>
				    <a href="register.html" id="register">注册</a>
				</div>
			</div>
		</header>
		<!--搜索栏-->
		<div id="ls">
			 <div class="subs center">
			 	<div class="logo clearfix">
			 		<a href="../index.html">
			 		</a>
			 	</div>	
			 	<div class="find">
					<input id="seek_shop" type="text" placeholder="输入商品名"/>
					<span id="seek_button" class="sc sc-sosuo"></span>
			 	</div>
			 </div>
		</div>
		<!--主题部分-->
		<div class="main w">
			<div class="top">
				<div class="title">
					<a href="../index.html">首页 > </a>
					<a id="sort_goodsName" href="#">品牌女装 > </a>
					<!--<div class="cate-sousuo">-->
						<!--<input type="text" >-->
						<!--<i class="sc sc-sosuo"></i>-->
					<!--</div>-->
				</div>
				<div class="attrs navAtttrs clearfix">
					<div class="brand clearfix">
						<div class="attrKey">品牌</div>
						<div class="attrValues showLogo">
							<div class="BrandSearch av-search clearfix" style="display: none;">
								<input type="text" value="" placeholder="搜索&nbsp;品牌名称" style="color: rgb(191, 191, 191);">
							</div>
							<!--品牌图片-->
							<ul id="av-collapse" class="row-2 av-collapse overflow-hidden"></ul>

							<div class="av-options">
								<a class="j_Multiple avo-multiple" href="javascript:;">多选<i class="sc sc-duoxuan"></i></a>
								<a  id="avo-more" class="j_More avo-more avo-multiple" href="javascript:;">
									<em>更多</em>
									<i id="avo-pic" class="sc sc-gengduo"></i>
								</a>
							</div>
							<div class="av-btns" style="display: none;">
								<a class="j_SubmitBtn ui-btn-s-primary ui-btn-disable" href="javascript:;">确定</a>
								<a class="j_CancelBtn ui-btn-s" href="javascript:;">取消</a>
							</div>
						</div>
					</div>
					<div class="cate clearfix">
						<div class="attr clearfix">
							<div class="attrKey"><i class="sc sc-iconsanjiaoxing"></i>分类</div>
							<div class="attrValues">
								<ul class="av-expand">
									<li>
										<a title="时尚连衣裙" href="">
											<b>时尚连衣裙</b>
										</a>
									</li>
									<li>
										<a title="连衣裙" href="">
											<b>连衣裙</b>
										</a>
									</li>
									<li>
										<a title="女裤" href="">
											<b>女裤</b>
										</a>
									</li>
									<li>
										<a title="2016新品" href="">
											<b>2016新品</b>
										</a>
									</li>
									<li>
										<a title="2016新品" href="">
											<b>2017新品</b>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="attr clearfix">
							<div class="attrKey"><i class="sc sc-iconsanjiaoxing"></i>按价格</div>
							<div class="attrValues">
								<ul class="av-expand">
									<li>
										 <b>价格区间:</b> <input type="text"> - <input type="text"> 元 <span>确定</span>
									</li>
									<li>
										<a title="" href="">
											<b>100元以下</b>
										</a>
									</li>
									<li>
										<a title="长款" href="">
											<b>100~200元</b>
										</a>
									</li>
									<li>
										<a title="短款" href="">
											<b>200元以上</b>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="propAttrs clearfix">
						<div class="attr clearfix">
							<div class="attrKey">其他</div>
							<div class="attrValues">
								<ul class="av-collapse">
									<li>
										<select>
											<option value ="1">综合排序</option>
											<option value ="2">价格从低到高</option>
											<option value ="3">价格从高到低</option>
										</select>
									</li>
									<li>
										<a href="#">
											<b>上架时间排序</b>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="product clearfix">
				<!--商品图片价格数据-->
				<ul class="product-ul"></ul>
			</div>
		</div>
		<!--底部-->
		<footer>
			<div class="center footer-links clearfix"></div>
			<div class="center footer-bottom"></div>
		</footer>
		<!--返回顶部-->
		<div class="back-top"></div>
		<!--在线客服-->
		<div class="session"></div>

		<script type="text/html" id="goolist">
			{{ each data as value i}}
			<li>
				<div>
                    <a href="/template/details.html?businessId={{ value.id }}" target="_blank">
					    <img src="{{value.pic.split(',')[0]}}" alt="">
                    </a>
					<span class="price">￥{{value.price1}}</span>
					<span class="productName">{{value.title}}</span>
				</div>
			</li>
			{{ /each }}
		</script>
		<script type="text/html" id="brand">
			{{ each data as value i}}
			<li>
				<a data-f="spu-brand-qp" href="#">
					<img src="{{ value.logo }}" alt="Vero Moda">
					{{ value.name }}
				</a>
			</li>
			{{ /each }}
		</script>
		<script src="/js/app/public.js"></script>
	</body>
</html>
